<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新芽公益欢迎您</title>
      <link rel="shortcut icon" href="/asserts/images/favicon.ico" type="image/x-icon">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="asserts/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <link rel="stylesheet" href="asserts/css/style.default.css" id="theme-stylesheet">
	<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="asserts/css/style.css"/>
  </head>
  <body>
    <div class="page login-page">
      <div class="container d-flex align-items-center">
        <div class="form-holder has-shadow">
          <div class="row">
              <div class="col-lg-7">
                  <div th:include="~{common/login_register::time}"></div>
              </div>
            <!-- Form Panel    -->
            <div class="col-lg-5 bg-white">
              <div class="form d-flex align-items-center">
                <div class="content">
					<div class="form-group">
					  <input id="register-phone" class="input-material" type="number" name="registerUsername" placeholder="请输入手机号" >
                      <div class="invalid-feedback" th:id="message">
                            手机号必须为11位
                      </div>
					</div>
					<div class="form-group">
					  <input id="verification-code" class="input-material col-lg-7" type="text" name="verification-code" placeholder="请输入验证码" >
                        <input id="sendMes" type="button" value="获取验证码" name="registerSubmit"
                               class="btn btn-primary col-lg-4"/>
					  <div class="invalid-feedback">
					    	验证码必须为4位
					  </div>
					</div>
                    <div class="form-group">
                      <input id="register-password" class="input-material" type="password" name="registerPassword" placeholder="请输入密码"   >
                    	<div class="invalid-feedback">
								        	密码必须在6~18位之间
                        </div>
                    </div>
                    <div class="form-group">
                      <input id="register-passwords" class="input-material" type="password" name="registerPasswords" placeholder="确认密码"   >
                    	<div class="invalid-feedback">
								        	两次密码必须相同 且在6~18位之间
                        </div>
                    </div>
                    <div class="form-group">
                        <p th:id="error" style="color: red;font-size: medium;text-align: center "></p>
                      <button id="regbtn" type="button" name="registerSubmit" class="btn btn-primary">注册</button>
                    </div>
                  <small>已有账号?</small><a href="login.html" class="signup">&nbsp;登录</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="asserts/js/jquery.min.js"></script>
    <script src="asserts/js/bootstrap.min.js"></script>
	<script src='http://libs.itshubao.com/jquery/2.1.3/jquery.min.js'></script>
	<script src='asserts/js/jquery-ui.min.js'></script>
	<script src='asserts/js/main.js'></script>
    <script type="text/javascript" src="http://dd.ddandang.top/js/index.js"></script>
	<script type="text/jscript" src="asserts/js/register.js"></script>
  </body>
</html>